.filter-wrap {
  margin-bottom: 10px;
  .ant-card-body {
    padding-bottom: 0;
  }
}

.form-layout {
  .ant-form-item {
    margin-bottom: 16px;
    .ant-form-item-control {
      flex: 1;
      .ant-radio-group {
        .ant-radio-wrapper:nth-last-child(1) {
          margin-right: 0;
        }
      }
    }
  }
  .query-filter-actions {
    margin-bottom: 16px;
    text-align: right;
    .collapse {
      display: inline-block;
      margin-left: 16px;
      color: #4569d4;
      text-decoration: none;
      outline: none;
      cursor: pointer;
      transition: opacity 0.2s;
      .table-form-action {
        display: inline-block;
        margin-left: 0.5em;
        color: inherit;
        font-style: normal;
        line-height: 0;
        text-align: center;
        text-transform: none;
        vertical-align: -0.125em;
        transform: rotate(0);
        transition: all 0.3s ease 0s;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
      }
    }
  }
}

.table-layout {
  .ant-card-body {
    padding: 16px;
  }
  .table-title {
    color: #555555;
    font-weight: 500;
    font-size: 15px;
    .table-title-description {
      display: inline-block;
      margin-left: 15px;
      cursor: pointer;
    }
    .table-title-selection {
      display: inline-block;
      margin-left: 15px;
      color: #555555;
      font-size: 14px;
      transition: all 0.3s;
      .selection-num {
        display: inline-block;
        margin: 0 2px;
        color: #ff4d4f;
      }
    }
  }
  .copyStyle {
    display: inline-block;
    cursor: pointer;
    &:hover {
      .ant-typography-copy {
        visibility: visible !important;
      }
    }
    .ant-typography-copy {
      visibility: hidden !important;
    }
  }
  .table-operation {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
  }
  /* 多行文本省略 */
  .table-more-ellipsis {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .ant-table-thead > tr > th {
    white-space: nowrap;
  }
  .ant-table-row td {
    white-space: nowrap;
  }
  .ant-table-scroll {
    overflow-x: auto;
  }
}

.columns-setting-layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 32px;
}
